<template>
  <div>
    <el-card class="box-card" style="margin-top: 0;">
      <div class="text item">
        <el-button :type="typeFu==0?'primary':''" @click="handleChange(0)">短信通知</el-button>
        <el-button :type="typeFu==1?'primary':''" @click="handleChange(1)">邮箱通知</el-button>
      </div>

      <div class="text item" style="margin-top: 40px;">
        <short-note v-if="typeFu==0" :idFu="idFu"></short-note>
        <email-notice v-if="typeFu==1" :idFu="idFu"></email-notice>
      </div>
    </el-card>

  </div>
</template>

<script>
  import ShortNote from "@/components/CampSystem/CampOper/MsgNotice/ShortNote";
  import EmailNotice from "@/components/CampSystem/CampOper/MsgNotice/EmailNotice";
  export default {
    name: "MsgNotice",
    props:{
      idFu: [String, Number]
    },
    components: {
      EmailNotice,
      ShortNote
    },
    data() {
      return {
        typeFu: 0
      };
    },
    created() {},
    methods: {
      handleChange(val){
        this.typeFu = val;
      }
    },

  }
</script>

<style lang="scss">
  @import "@/assets/styles/card.scss";
</style>


